{block name="frontend_listing_banner"}
    {if $sBanner}
        <div class="banner--container">

            {if $sBanner.media.thumbnails}
                {if !$sBanner.link || $sBanner.link == "#" || $sBanner.link == ""}

                    {* Image only banner *}
                    {block name='frontend_listing_image_only_banner'}
                        <picture>
                            <source srcset="{$sBanner.media.thumbnails[1].sourceSet}" media="(min-width: 48em)">

                            <img srcset="{$sBanner.media.thumbnails[0].sourceSet}" alt="{$sBanner.description|escape}" class="banner--img" />
                        </picture>
                    {/block}
                {else}

                    {* Normal banner *}
                    {block name='frontend_listing_normal_banner'}
                        <a href="{$sBanner.link}" class="banner--link" {if $sBanner.link_target}target="{$sBanner.link_target}"{/if} title="{$sBanner.description|escape}">
                            <picture>
                                <source srcset="{$sBanner.media.thumbnails[1].sourceSet}" media="(min-width: 48em)">

                                <img srcset="{$sBanner.media.thumbnails[0].sourceSet}" alt="{$sBanner.description|escape}" class="banner--img" />
                            </picture>
                        </a>
                    {/block}
                {/if}
            {/if}
        </div>
    {/if}
{/block}